<extend name="Base/common"/>
<block name="header">
<php>if(!is_weixin()){</php>
{:hook('mobileTopNav',array('title'=>$meta_title))}
<php>}else{</php>
  <header class="bar bar-nav">
    <a href="{:U('/')}" class="logo"><img src="{:get_cover(C('WAP_LOGO'),'path')}" height="34" alt="{:C('WEB_SITE_TITLE')}"></a>
    <span class="nav-invite">客服：<a class="text-danger" href="TEL:{:C('WEB_SITE_TEL')}">{:C('WEB_SITE_TEL')}</a></span>
  </header>
<php>}</php>
</block>
<block name="body">
<!--品牌列表-->
 <style>
 .section_main{ background:#fff}
  .section{
                
            }
            .section dl > *{
                text-indent:10px;
            }
           .ection dt{
                background:#eeeeee;
                font-size:14px;
                font-weight:bold;
                height:25px;
                line-height:25px;
                color:#474747;
                width:100%;
            }
            .section dd{
                color:#737373;
                height:40px;
                line-height:40px;
                width:94%;padding:3px 0
            }
            .section dd a{
                color:#737373;
                text-decoration:none;
            }
            .section dd:last-child{
                border-width:0px;
            }
            .section dd div,section dd span{
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                float:left;
            }
            .brand_view{
                background:#fff;position:fixed;right:0px;top:10vh; z-index:1;  width:5%;
                text-align:center;
            }
            .brand_view div{
                color:#000;
                clear:left;
                float:left;
                width:100%;
            }
            
			.thehot{ width:100%; background:#ffffff; padding:10px 0 10px 10px}
			.thehot .in-title-top{ padding-right:10px; position: relative; height: 48px; line-height:48px;}
		    .thehot .in-title-top p{ height:1px ; background:#dddddd; position: absolute; top:27px; left:0; z-index:1; width: auto; width:100%; margin:0 auto }
			.theot .in-title-top-con{ background:#ffffff; padding:0 30px; position:relative; z-index:2; display:table; margin:0 auto}
			
			.thehot .thehot_c { width:100%}
			.thehot .thehot_c a{ width:25%; padding-right:10px; float:left; display:inline-block; margin:0 auto;}
			.thehot .thehot_c img{ width:80%; margin:0 auto;}
  </style>
  <form action="/Item/search.html" class="content-padded" method="get">
    <div class="control-group search"> <i class="icon icon-search"></i>
      <input type="search" name="keyword" placeholder="请输入查找商品关键词">
    </div>
  </form>
  <div class="section_main">  <div class="thehot clearfix">
            <div class="in-title-top">
              <p></p>
              <div class="in-title-top-con" style="background:#ffffff;" >热门品牌</div>
            </div>
            <div class="thehot_c clearfix">
              <volist name="lists" id="vo">
               <a href="{:U('search',array('brand'=>$vo['id']))}" target="_blank" title="{$vo['name']}">
                  <img src="{:get_image_thumb(get_cover($vo['pic'], 'path'), 81, 81)}" alt="{$vo['name']}" style="display: inline;">
                </a>
             </volist>
            </div>
          </div>
          
  <div class="section" id="brand_list">
  <notempty name="letter">
    <dl id="brand_0">
      <dt>{$letter}</dt>
      <volist name="search" id="vls">
      <dd>
        <a href="{:U('search',array('brand'=>$vls['id']))}">
        <div>{$vls['name']}</div>
        </a>
      </dd>
      </volist>
    </dl>
  </notempty>
    
    <div class="brand_view">
      <div view="#brand_0">A</div>
      <div view="#brand_1">B</div>
      <div view="#brand_2">C</div>
      <div view="#brand_3">D</div>
      <div view="#brand_4">E</div>
      <div view="#brand_5">F</div>
      <div view="#brand_6">G</div>
      <div view="#brand_7">H</div>
      <div view="#brand_8">I</div>
      <div view="#brand_9">J</div>
      <div view="#brand_10">K</div>
      <div view="#brand_11">L</div>
      <div view="#brand_12">M</div>
      <div view="#brand_13">N</div>
      <div view="#brand_14">O</div>
      <div view="#brand_15">P</div>
      <div view="#brand_16">Q</div>
      <div view="#brand_17">R</div>
      <div view="#brand_18">S</div>
      <div view="#brand_19">T</div>
      <div view="#brand_20">U</div>
      <div view="#brand_21">V</div>
      <div view="#brand_22">W</div>
      <div view="#brand_23">X</div>
      <div view="#brand_24">Y</div>
      <div view="#brand_25">Z</div>
    </div>
    </div>
  </div>
</block>

<block name="script">
  <script type="text/javascript">
  seajs.use(['store'], function(store){
      $(function(){
          $('.brand_view div').on('click',function(){
              window.location.href="{:U('brand')}"+'?key='+$(this).text();
          });
      });
  });
  </script>
</block>
